﻿$(function () {
    Show()
})
//列表显示
function Show() {
    layui.use(function () {
        var table = layui.table;
        var Num = $("#Num").val();
        var Name = $("#Name").val();
        // 先进行表格的初始渲染
        table.render({
            elem: '#carriertable',  // 表格元素的选择器
            toolbar: '#toolbarDemo',
            defaultToolbar: ['exports', 'print'],
            page: {
                limit: 5,
                limits: [5, 8, 10]
            },
            cols: [[
                { type: 'checkbox', fixed: 'left' },
                { field: 'bomNumbering', title: 'BOM编号' },
                { field: 'versionNumber', title: 'BOM版本号' },
                { field: 'finishedNumbering', title: '成品编号' },
                { field: 'finishedName', title: '成品名称' },
                { field: 'finishedSpec', title: '规格型号' },
                { field: 'createDate', title: '创建时间' },
                { field: 'operator', title: '操作人' },
                {
                    field: '', title: '操作', width: 300, templet: function (d) {
                        return '<a class="layui-btn layui-btn-edit layui-btn-xs" onclick="updateData(' + d.bomId + ')"><i class="layui-icon layui-icon-edit"></i>编辑</a> ' + '<a class="layui-btn layui-btn-edit layui-btn-xs" onclick="detailData(' + d.bomId + ')"><i class="layui-icon layui-icon-edit"></i>查看</a> ' +
                            '<a class="layui-btn layui-btn-danger layui-btn-xs" onclick="deleteData(' + d.bomId + ')"><i class="layui-icon layui-icon-delete"></i>删除</a>';
                    }
                }
            ]],
            // 初始时可以先不加载数据，等待 ajax 请求成功后再更新
            data: []
        });
        // 创建表格实例
        $.ajax({
            url: "/BOM/BOMShows",
            type: "get",
            data: {
                pageindex: 1,
                pagesize: 100,
                bomNumbering: Num,
                finishedNumbering: Name,
            },
            success: function (data) {
                data = JSON.parse(data);
                console.log(data.data);
                // 在 ajax 请求成功后，使用正确的表格 ID 进行 reload
                table.reload('carriertable', {
                    page: {
                        limit: 5,
                        limits: [5, 8, 10]
                    },
                    data: data.data.plist
                });
            },
            error: function () {
                console.log("请求失败");
            }
        });
    });
}
